/* 背景样式 */
.background-pane {
    -fx-background-image: url("../images/AI.jpg");
    -fx-background-size: cover;
    -fx-background-position: center;
    -fx-background-repeat: no-repeat;
    -fx-effect: dropshadow(gaussian, rgba(0,0,0,0.3), 10, 0, 0, 2);
}

/* 背景遮罩 */
.background-overlay {
    -fx-background-color: rgba(13, 20, 41, 0.6);
    -fx-effect: blur(2px);
}

/* 标题样式 */
.menu-title {
    -fx-font-family: "Microsoft YaHei UI Light";
    -fx-font-size: 48px;
    -fx-font-weight: 300;
    -fx-fill: linear-gradient(to bottom, #FFFFFF 20%, #7EB6FF 90%);
    -fx-effect: dropshadow(gaussian, #00A6FF, 20, 0, 0, 0);
    -fx-text-alignment: center;
    -fx-opacity: 0.95;
    -fx-transition: all 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
    -fx-letter-spacing: 2px;
}

.menu-title:hover {
    -fx-effect: dropshadow(gaussian, #00A6FF, 25, 0, 0, 0);
    -fx-opacity: 1;
    -fx-scale-x: 1.02;
    -fx-scale-y: 1.02;
}

/* 按钮容器样式 */
.button-container {
    -fx-background-color: rgba(13, 20, 41, 0.75);
    -fx-background-radius: 24;
    -fx-padding: 35px;
    -fx-spacing: 25;
    -fx-effect: dropshadow(gaussian, rgba(0, 166, 255, 0.2), 15, 0, 0, 0);
    -fx-border-color: linear-gradient(to right, transparent, rgba(0, 166, 255, 0.35), transparent);
    -fx-border-width: 1;
    -fx-border-radius: 24;
    -fx-transition: all 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.button-container:hover {
    -fx-effect: dropshadow(gaussian, rgba(0, 166, 255, 0.3), 20, 0, 0, 0);
    -fx-scale-x: 1.01;
    -fx-scale-y: 1.01;
    -fx-background-color: rgba(13, 20, 41, 0.8);
}

/* 按钮基础样式 */
.menu-button {
    -fx-background-color: rgba(0, 166, 255, 0.15);
    -fx-text-fill: linear-gradient(to bottom, #FFFFFF, #E0F0FF);
    -fx-font-family: "Microsoft YaHei UI Light";
    -fx-font-size: 17px;
    -fx-font-weight: 300;
    -fx-background-radius: 12;
    -fx-padding: 18px 45px;
    -fx-min-width: 320px;
    -fx-cursor: hand;
    -fx-effect: dropshadow(gaussian, rgba(0, 166, 255, 0.2), 8, 0, 0, 0);
    -fx-border-color: linear-gradient(to right, transparent, rgba(0, 166, 255, 0.3), transparent);
    -fx-border-width: 1;
    -fx-border-radius: 12;
    -fx-transition: all 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
    -fx-letter-spacing: 1px;
    -fx-background-insets: 0;
    -fx-border-insets: 0;
}

/* 鼠标悬停时的按钮样式 */
.menu-button:hover {
    -fx-background-color: linear-gradient(to right, rgba(0, 166, 255, 0.2), rgba(0, 166, 255, 0.3), rgba(0, 166, 255, 0.2));
    -fx-effect: dropshadow(gaussian, rgba(0, 166, 255, 0.4), 20, 0, 0, 0),
    innershadow(gaussian, rgba(255, 255, 255, 0.2), 1, 0, 0, 1);
    -fx-translate-y: -4;
    -fx-scale-x: 1.035;
    -fx-scale-y: 1.035;
    -fx-border-color: linear-gradient(to right, transparent, rgba(0, 166, 255, 0.8), transparent);
    -fx-text-fill: linear-gradient(to bottom, #FFFFFF, #B6E3FF);
}

/* 按钮按下时的效果 */
.menu-button:pressed {
    -fx-background-color: linear-gradient(to right, rgba(0, 166, 255, 0.15), rgba(0, 166, 255, 0.25), rgba(0, 166, 255, 0.15));
    -fx-effect: dropshadow(gaussian, rgba(0, 166, 255, 0.2), 5, 0, 0, 0),
    innershadow(gaussian, rgba(0, 0, 0, 0.1), 2, 0, 0, 1);
    -fx-translate-y: 1;
    -fx-scale-x: 0.97;
    -fx-scale-y: 0.97;
    -fx-transition-duration: 0.15s;
}

/* 按钮文字发光效果 */
.menu-button .text {
    -fx-effect: dropshadow(gaussian, rgba(0, 166, 255, 0.5), 8, 0, 0, 0);
    -fx-transition: all 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 鼠标悬停时文字发光效果增强 */
.menu-button:hover .text {
    -fx-effect: dropshadow(gaussian, rgba(0, 166, 255, 0.8), 12, 0, 0, 0);
}

/* 添加科技感装饰线条 */
.button-container {
    -fx-border-style: segments(12, 18) phase 15;
    -fx-border-insets: 6;
}

/* 添加呼吸灯效果 */
@keyframes glow {
    0% { -fx-effect: dropshadow(gaussian, rgba(0, 166, 255, 0.2), 15, 0, 0, 0); }
    50% { -fx-effect: dropshadow(gaussian, rgba(0, 166, 255, 0.5), 20, 0, 0, 0); }
    100% { -fx-effect: dropshadow(gaussian, rgba(0, 166, 255, 0.2), 15, 0, 0, 0); }
}

/* 根容器样式 */
.root {
    -fx-background-color: transparent;
}

/* 滚动面板样式 */
.scroll-pane {
    -fx-background-color: transparent;
    -fx-border-color: transparent;
}

.scroll-pane > .viewport {
    -fx-background-color: transparent;
}

/* 滚动条样式 */
.scroll-bar {
    -fx-background-color: transparent;
    -fx-pref-width: 14;
    -fx-transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

.scroll-bar .thumb {
    -fx-background-color: rgba(0, 166, 255, 0.3);
    -fx-background-radius: 7;
    -fx-transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

.scroll-bar .thumb:hover {
    -fx-background-color: rgba(0, 166, 255, 0.6);
    -fx-scale-x: 1.1;
}

.scroll-bar .track {
    -fx-background-color: transparent;
}

.scroll-bar .increment-button,
.scroll-bar .decrement-button {
    -fx-background-color: transparent;
    -fx-padding: 0 5 0 5;
}

.scroll-bar .increment-arrow,
.scroll-bar .decrement-arrow {
    -fx-background-color: transparent;
    -fx-padding: 0;
}

/* 全局动画过渡效果 */
* {
    -fx-transition-duration: 0.5s;
    -fx-transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
}
